import { Button } from 'antd';
import styled from 'styled-components';

//普通按钮风格
export const AddButton = styled(Button)`
color: #fff;
background: #3fae32;
border: 1px solid #3fae32;
border-radius: 2px;

&:hover {
    color: #40a9ff !important;
    border-color: #40a9ff !important;
}
`;

//普通按钮风格
export const EditButton = styled(Button)`
color: #fff;
background: #f99c10;
border: 1px solid #f99c10;
border-radius: 2px;

&:hover {
    color: #40a9ff !important;
    border-color: #40a9ff !important;
}
`;

//普通按钮风格
export const DelButton = styled(Button)`
color: #fff;
background: #f8406a;
border: 1px solid #f8406a;
border-radius: 2px;

&:hover {
    color: #40a9ff !important;
    border-color: #40a9ff !important;
}
`;

//普通按钮风格
export const CommonButton = styled(Button)`
    color: #1890ff;
    background: #fff;
    border: 1px solid #1890ff;
    border-radius: 2px;

    &:hover {
        color: #40a9ff !important;
        border-color: #40a9ff !important;
    }
`;

//查询按钮风格
export const SearchButton = styled(Button)`
color: #fff;
background: #1890ff;
border: 1px solid #1890ff;
border-radius: 3px;

&:hover {
    color: #40a9ff !important;
    border-color: #40a9ff !important;
}
`;

//分隔线统一样式
export const LineStyle = ({ type = 'solid', margin = '16px 0' }) => (
    <hr style={{
        border: 0,
        borderTop: `1px ${type} #1890ff`,
        margin,
        width: '100%'
    }} />
);
